<template>
    <div class="home">
        <keep-alive>
            <router-view></router-view>
        </keep-alive>
        
        <van-tabbar v-model="active" route>
            <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
            <van-tabbar-item icon="search" :to='Path.HomeList'>分类</van-tabbar-item>
            <van-tabbar-item icon="friends-o" :to="Path.HomeShopCar">购物车</van-tabbar-item>
            <van-tabbar-item icon="setting-o" :to="Path.HomeAdmin">个人</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
export default {
    data() {
        return {
            active: 0,
            Path:{}
        };
    },
    mounted() {
        console.log(this.$path);
        this.Path=this.$path
    },
};
</script>

<style lang="scss">
.van-tabbar{
    height: 10vh;
}
</style>
